<template>
    <div class="search">
        <div class="sousuo" @click="jump">
            搜素商品,共127794款好物
        </div>
    </div>

</template>

<script>
    export default {
        name: "SearchComWgl",
        methods:{
            jump(){
                this.$router.push('/search-view')
            }
        }
    }
</script>

<style scoped>
.search{
    width: 92%;
    height: 2rem;
    /*padding-bottom: 0.49rem;*/
    box-sizing: border-box;
    position: relative;
    margin:7.5px auto;
}
    .sousuo{
        width: 100%;
        background: #ededed;
        border-radius: 3px;
        height: 1.6rem;
        box-sizing: border-box;
        padding: 0 .5rem;
        color: #666666;
        font-size: 12px;
        line-height: 1.6rem;
        text-align: center;
    }
    ::after{
        content: "";
        position: absolute;
        background-color: #d9d9d9;
        left: 0;
        width: 100%;
        height: 1px;
        transform-origin: 50% 100% 0;
        bottom: 0;
    }
</style>